<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>es6字符串扩展运算符</title>
  <script>
    // 1. 字符串扩展运算符
    function fun1(){
      let str = 'hello,world'
      // 1.1 是否以指定字符串开头
      let startWith = str.startsWith('he')
      console.log("startWith:",startWith)
      // 1.2 是否以指定字符串结束
      let endWith = str.endsWith("aa")
      console.log("endWith：",endWith)
      // 1.3 是否包含指定字符串
      let includes = str.includes("wor")
      console.log("includes:",includes)
    }
    // fun1()
    // 2. 字符串模板
    function fun2(){
      // 2.1 原样显示指定的字符串
      let info = `
          这里会原样显示指定字符串！
          也可以替换变量的值！
      `
      // 2.2 替换其中的变量值 (非常重要)
      let name = '张三'
      let age = 21
      let studInfo = `
        姓名：${name}
        年龄：${age}
      `
      let page = 1
      let pageSize = 5
      let url = `/student/findByPage/${page}/${pageSize}`
      console.log("url:",url)
      // 过去的做法：
      let oldStudInfo = "姓名：" + name+ " \n" + "年龄：" + age
      console.log(studInfo)
      console.log(oldStudInfo)
    }
    // fun2()
  </script>
</head>
<body>

</body>
</html>
